import React, { useEffect, useState } from "react";

const fields = [
  "状态", "车架号(VIN)", "人民币(单价)", "美元(单价)", "税额(人民币)", "价税合计(人民币)",
  "其他费用(人民币)", "总成本(人民币)", "公里数", "车况车漆", "选车配置", "采购模式", "检测报告",
  "商品名称", "报关名称", "座位数", "外观", "内饰", "驱动系统", "海运提单号", "客户"
];


const mockData = [
  {
    状态: "已售",
    "车架号(VIN)": "LXYZ1234567890123",
    "人民币(单价)": 150000,
    "美元(单价)": 21000,
    "税额(人民币)": 12000,
    "价税合计(人民币)": 162000,
    "其他费用(人民币)": 3000,
    "总成本(人民币)": 165000,
    公里数: "2000km",
    车况车漆: "良好",
    选车配置: "高配版",
    采购模式: "进口",
    检测报告: "https://example.com/report/123",
    商品名称: "杰尔SUV 2023",
    报关名称: "SUV进口车",
    座位数: 5,
    外观: "黑色",
    内饰: "米色",
    驱动系统: "四驱",
    海运提单号: "BL123456789",
    客户: "张三"
  }
  // 可添加更多数据
];

export default function About() {

    const [data, setData] = useState([]);
    const [lastUpdated, setLastUpdated] = useState("");
  
    useEffect(() => {
      loadData();
    }, []);
  
    const loadData = () => {
      // 实际场景中替换为接口调用
      // setData(mockData);
      setLastUpdated(new Date().toLocaleString());
    };


  return (
    <div>
      <h1>About</h1>
      <p>This is the about page.</p>
    </div>
  );
}
